/**
 * location 定位小图标 
 * 说明：使用div标签，加上icon-location类样式即可。
 *       但需要放置在一个容器中，调整容器大小，图标能自适应容器大小。
 * 示例：
 * <div class="icon-location-box">
 *     <div class="icon-location"></div>
 * </div>
 */
.icon-location {
  position: relative;
  width: 100%; /*先画一个正方形*/
  height: 100%;
  border-radius: 50% 50% 50% 0; /*然后将三个角变成圆角*/
  background: #fff;
  transform: rotate(-45deg); /*最后，旋转45度*/
}
.icon-location:after {
  content: "";
  width: 40%;
  height: 40%;
  margin: 30% 0 0 29%;
  background-color: #0097ff;
  position: absolute;
  border-radius: 50%;
}
